<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>麦知网——学问有余，可为人师</title>

<!-- Bootstrap core CSS -->
<link href="../css/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="../css/non-responsive.css" rel="stylesheet">
<link href="../css/font-awesome.min.css" rel="stylesheet">
    <!-- Just for debugging purposes. Don't actually copy this line! -->
    <!--[if lt IE 9]><script src="../../docs-assets/js/ie8-responsive-file-warning.js"></script><![endif]-->

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
<link href="../css/teacherApply.css" rel="stylesheet">    
 
</head>
<body>
	{% include 'public/common/header.html' %}
	<div class="container" style="margin-top:45px">
		<div class="row">
			<div class="col-xs-12">
				<h3><b>发布资格申请</b></h3>
				<form action="{% url 'users:teacherapply' %}" method="post" enctype="multipart/form-data">
					{% csrf_token %}
					<div class="form">
						<div class="form_row">
							<div class="form_lab pull-left">您的真实姓名</div>
							<div class="form_input pull-left"><input type="text" name="realname" class="form-control"></div>
							<div class="clearfix"></div>
						</div>
						<div class="form_row">
							<div class="form_lab pull-left">性别</div>
							<div class="form_input2 pull-left">
								<label>
								    <input type="radio" name="sex" id="optionsRadios1" value="1" checked>
								   		男
								 </label>
								 <label>
								    <input type="radio" name="sex" id="optionsRadios1" value="2">
								     	女
								 </label>
							</div>
							<div class="clearfix"></div>
						</div>
						<div class="form_row">
							<div class="form_lab pull-left">支付宝账号</div>
							<div class="form_input pull-left"><input type="text" name="alipay" class="form-control"></div>
							<div class="clearfix"></div>
						</div>
						<div class="form_row">
							<div class="form_lab pull-left">您的身份证号码</div>
							<div class="form_input pull-left"><input type="text" id="identity" name="id" class="form-control" onblur="ifId()"></div>
							<div class="clearfix"></div>
						</div>
						<div class="form_row">
							<div class="form_lab pull-left">您的联系方式</div>
							<div class="form_input pull-left"><input type="text" name="phone" class="form-control"></div>
							<div class="clearfix"></div>
						</div>
						<div class="form_row">
							<div class="form_lab pull-left">您的身份证正面照片</div>
							<div class="form_input pull-left"><input type="file" name="idpic"></div>
							<div class="clearfix"></div>
						</div>
						<div class="form_row2">
							<div class="subbox">
								<input id="subbox" type="checkbox" onclick="sub()" checked>我已阅读并同意<a href="#" target="_blank"><a href="{% url 'users:agreement' 3 %}" target="_blank">麦知网课程协议</a>
							</div>
							<div>
								<div><button id="subbutton3" type="submit" class="btn btn-info">提交申请</button></div>
							</div>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
	
	
	
	
	
	
	<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
	<script src="../js/jquery.min.js"></script>
	<script src="../js/logout.js"></script>
	<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
	<script src="../js/bootstrap.js"></script>
	<script>
	//验证身份证号码的位数是不是18位
	function ifId() {
        if($("#identity").val().length!=18) {
            alert('请输入正确的身份证号码');
            $("#identity").val('');
        }
    }
    
    //只有同意麦知网协议 按钮才可以点
	function sub()
	{
		$("#subbutton3").attr("id","subbutton1");
		$("#subbutton2").removeAttr("disabled");
		$("#subbutton1").attr("disabled","disabled");
		$("#subbutton2").attr("id","subbutton3");
		$("#subbutton1").attr("id","subbutton2");
	}

	 
	</script>
</body>
</html>